<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>component 组件</title>
	<script type="text/javascript" src="../assets/js/vue.js"></script>
</head>
<body>
	<h1>组件就是制作自定义的标签</h1>

	<hr>
	<div id="app">
        <jsdiy></jsdiy>
        <jack></jack>
	</div>
    

</body>
<script type="text/javascript">
// 1.全局化就是在构造器的外部用Vue.component来注册

// 2.局部注册组件局部注册组件和全局注册组件是向对应的


Vue.component('jsdiy',{
    template:`<div style="color: red">我是全局jsdiy组件</div>`
})
var app = new Vue({
	el:'#app',
	data:{
		message:'hello ',
        red:'green'
	},
    components:{
        "jack":{
            template:`<div style="color: red">我是局部jack组件</div>`
        }
    }
   
})

</script>
</html>